<template>
<div>
  <h1 style="text-align: center;right: 50%;margin-top: 40px;font-size: 40px">404 NOT FOUND</h1>
  <a @click="redirectToLogin" id="go-to-index">点击跳转回首页</a>
</div>
</template>

<script>
import { useRouter } from 'vue-router'
import { defineComponent} from 'vue'
export default defineComponent({
  setup() {
    const router = new useRouter();
    const redirectToLogin = () => {
        router.push('/welcome')
    }
    return {
      redirectToLogin,
    }
  }
});
</script>

<style scoped>
 #go-to-index{
   position:absolute;
   text-align: center;
   right: 50%;
 }

 a:link{
   text-decoration: none;
   color: cornflowerblue;
 }

 a:hover{
   color: #026EBBFF;
   font-size: 20px;
 }
</style>
